<!DOCTYPE html>
<!--suppress ALL -->
<html>

<head>
<title>信保通</title>
<!-- HTML5 Shim and Respond.js IE9 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js')}"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js')}"></script>
      <![endif]-->
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Phoenixcoded">
<meta name="keywords"
	content=", Flat ui, Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
<meta name="author" content="Phoenixcoded">
<!-- Favicon icon -->
<link rel="icon" th:href="${urls.getForLookupPath('/assets/images/favicon.ico')}" type="image/x-icon">
<!-- Google font-->
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">-->
<!-- Required Fremwork -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/bootstrap/css/bootstrap.min.css')}">
<!-- themify icon -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/icon/themify-icons/themify-icons.css')}">
<!-- ico font -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/icon/icofont/css/icofont.css')}">
<!-- flag icon framework css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/flag-icon/flag-icon.min.css')}">
<!-- Menu-Search css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/menu-search/css/component.css')}">
<!-- Horizontal-Timeline css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/dashboard/horizontal-timeline/css/style.css')}">
<!-- amchart css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/dashboard/amchart/css/amchart.css')}">
<!-- flag icon framework css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/flag-icon/flag-icon.min.css')}">
<!-- Style.css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/style.css')}">
<!--color css-->
<!-- Date-time picker css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/advance-elements/css/bootstrap-datetimepicker.css')}">
<!-- Date-range picker css  -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/bootstrap-daterangepicker/css/daterangepicker.css')}" />
<!-- Date-Dropper css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datedropper/css/datedropper.min.css')}" />
<!-- Data Table Css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}">
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/data-table/css/buttons.dataTables.min.css')}">
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}">

<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/linearicons.css')}">
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/simple-line-icons.css')}">
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/ionicons.css')}">
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/jquery.mCustomScrollbar.css')}">
<!-- pages -->
<link rel="stylesheet" th:href="${urls.getForLookupPath('/assets/css/element.css')}">
<link rel="stylesheet" th:href="${urls.getForLookupPath('/assets/css/common.css')}">
<style>
	.el-upload + .el-upload-list { display:inline-block; vertical-align:top; }
  .addAccessories { margin-left:0; width:100%; }
  .el-form .deleteService { display:block; cursor:pointer; }
  .el-form .deleteService:hover { opacity:1; }
</style>
</head>

<body>
	<!-- Pre-loader start -->
	<div class="theme-loader">
	</div>
	<!-- Pre-loader end -->
	<!-- Menu header start -->
	<div id="pcoded" class="pcoded">
		<div class="pcoded-overlay-box"></div>
		<div class="pcoded-container navbar-wrapper">
      <div id="topBar"></div>
			<div class="pcoded-main-container">
				<div class="pcoded-wrapper">
          <!-- nav -->
          <div id="sidebarNavbar"></div>
					<div class="pcoded-content">
						<div class="pcoded-inner-content">
              <!-- main start -->
              <div class="main-body" id="mainBody">
                <div class="page-wrapper">
                  <!-- Page-header start -->
                  <div class="page-header">
                    <div class="page-header-title">
                      <h4>供应商维护</h4>
                      <span>供应商维护......</span>
                    </div>
                    <div class="page-header-breadcrumb">
                      <ul class="breadcrumb-title">
                        <li class="breadcrumb-item"><a href="demo_index.html"> <i class="icofont icofont-home"></i></a></li>
                        <li class="breadcrumb-item"><a href="#!">供应商管理</a></li>
                        <li class="breadcrumb-item"><a href="#!">供应商维护</a></li>
                      </ul>
                    </div>
                  </div>
                  <!-- Page-header end -->
                  <!-- Page-body start -->
                  <div class="page-body">
                    <div class="row">
                      <div class="col-lg-12">
                        <div class="card table-1-card">
                          <div class="card-block">
                            <div class="card-header">
                              <h5>供应商查询</h5>
                              <div class="button">
                                <button class="btn btn-round btn-success" @click="addSuppliers"><i class="icofont icofont-ui-add"></i>新建供应商</button>
                              </div>
                            </div>
                            <div class="card-body">
                              <div class="search-wrap">
                                <el-form :model="searchForm" ref="searchForm" class="demo-form-inline" label-width="100px">
                                  <el-row>
                                    <el-col :span="12">
                                      <el-form-item label="供应商名称" prop="suppliersName">
                                        <el-select v-model="searchForm.suppliersName" placeholder="请选择供应商名称" filterable multiple clearable>
                                          <el-option v-for="supplier in suppliers" :label="supplier.suppliersname" :value="supplier.id"></el-option>
                                        </el-select>
                                      </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                      <el-form-item label="供应商类别" prop="suppliersCategory">
                                        <el-select v-model="searchForm.suppliersCategory" placeholder="请选择供应商类别" filterable multiple clearable>
                                          <el-option v-for="category in suppliersCategory" :label="category.label" :value="category.value"></el-option>
                                        </el-select>
                                      </el-form-item>
                                    </el-col>
                                  </el-row>
                                  <el-row>
                                    <el-col :span="12">
                                      <el-form-item label="服务项目" prop="suppliersService">
                                        <el-select v-model="searchForm.suppliersService" placeholder="请选择服务项目" filterable multiple clearable>
                                          <el-option v-for="suppliersService in suppliersServices" :label="suppliersService.label" :value="suppliersService.value"></el-option>
                                        </el-select>
                                      </el-form-item>
                                    </el-col>
                                    <el-col :span="12" style="text-align:right">
                                      <button type="button" class="btn btn-round btn-success" @click="search()"><i class="icofont icofont-ui-search"></i>查询</button>
                                      <button type="button" class="btn btn-round btn-warning" @click="resetSearchForm('searchForm')"><i class="icofont icofont icofont-ui-delete"></i>清空</button>
                                      <button type="button" class="btn btn-round btn-warning" @click="downloadsuppliers()"><i class="icofont icofont icofont-download-alt"></i>下载</button>
                                    </el-col>
                                  </el-row>
                                </el-form>
                              </div>
                              <div class="table-responsive">
                                <table class="table table-striped table-bordered" id="table" width="100%">
                                  <thead>
                                    <tr>
                                      <th width="10%">供应商名称</th>
                                      <th width="10%">供应商类别</th>
                                      <th width="10%">服务内容描述</th>
                                      <th width="10%">联系人</th>
                                      <th width="10%">联系电话</th>
                                      <th width="10%">操作</th>
                                    </tr>
                                  </thead>
                                  <tbody>
                                    <tr v-for="(suppliers,index) in suppliersList">
                                      <td style="width:40%"><span style="display:block; width:100%; white-space:normal;text-overflow:ellipsis;overflow:hidden;" >{{suppliers.suppliersName_show}}</span></td>
                                      <td>{{suppliers.suppliersCategory}}</td>
                                      <td style="width:40%" ><span style="display:block; width:100%; white-space:normal;">{{suppliers.suppliersNodes_show}}</span></td>
                                      <td>{{suppliers.suppliersContacts}}</td>
                                      <td>{{suppliers.suppliersPhone}}</td>
                                      <td class="tabledit-view-mode">
                                        <button @click="viewItem(index)" type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none; margin: 5px;">查看</button>
                                        <button @click="changeItem(index)" type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none; margin: 5px;">修改</button>
                                        <button @click="deleteItem(index)" type="button" class="tabledit-edit-button btn btn-default waves-effect waves-light" style="float: none; margin: 5px;">删除</button>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <el-pagination background layout="prev, pager, next,total" :total="pageBean.totalNumber" :current-page.sync="currentpage" @current-change="handleCurrentChange" ></el-pagination>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!--查看修改-->
                <el-dialog :title="viewTitle" :visible.sync="showDialog" :close-on-click-modal="false" width="90%" @close="closeDialog('suppliersForm')">
                  <el-form ref="suppliersForm" :model="suppliersForm" :rules="showRules" label-width="130px">
                    <el-row>
                      <el-col :span="12">
                        <el-form-item label="供应商名称" prop="suppliersName">
                      <!--     <el-select v-model="suppliersForm.suppliersName" :disabled="isDisabled" placeholder="请输入供应商名称" filterable clearable>
                            <el-option v-for="suppliersName in suppliersNames" :value="suppliersName.value"></el-option>
                          </el-select> -->
                          <el-input v-model="suppliersForm.suppliersName" :disabled="isDisabled" placeholder="请输入供应商名称(20字以内)" maxlength="20" clearable></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="供应商类别" prop="suppliersCategory">
                          <el-select v-model="suppliersForm.suppliersCategory" :disabled="isDisabled" placeholder="请选择供应商类别" filterable  clearable>
                            <el-option v-for="category in suppliersCategory" :label="category.label" :value="category.value"></el-option>
                          </el-select>
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="12">
                        <el-form-item label="联系人" prop="suppliersContacts">
                          <el-input v-model="suppliersForm.suppliersContacts" :disabled="isDisabled" placeholder="请输入联系人" clearable></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="联系电话" prop="suppliersPhone">
                          <el-input v-model="suppliersForm.suppliersPhone" :disabled="isDisabled" placeholder="请输入联系电话" clearable></el-input>
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="12">
                        <el-form-item label="联系邮箱" prop="suppliersEmail">
                          <el-input v-model="suppliersForm.suppliersEmail" :disabled="isDisabled" placeholder="请输入联系邮箱" clearable></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                      	<el-form-item label="所属机构" prop="suppliersOrgan">
                            <el-select v-model="suppliersForm.suppliersOrgan"  :disabled="isDisabled" placeholder="请选择所属机构" filterable  clearable>
                                <el-option v-for="branch in branchs" :label="branch.label" :value="branch.value"></el-option>
                            </el-select>
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <el-form-item label="服务内容描述" prop="suppliersNodes">
                          <el-input type="textarea" v-model="suppliersForm.suppliersNodes" :disabled="isDisabled" placeholder="请输入服务内容描述" :rows="3" clearable></el-input>
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <el-form-item label="通讯地址" prop="suppliersAddress">
                          <el-input v-model="suppliersForm.suppliersAddress" :disabled="isDisabled" placeholder="请输入通讯地址" clearable></el-input>
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <el-form-item label="营业执照扫描件" prop="suppliersLicense">
                         <div v-if="isDisabled" class="filesTag" style="margin-left: 0px;"><span class="el-tag" v-for="file in suppliersForm.suppliersLicense" @click="downloadFile(file)">{{file.name}}</span></div>
                          <el-upload v-else class="upload-demo" 
                          			 action="/suppliers/uploadFile"
                                     :on-preview="handlePreview"
                                     :on-remove="handleRemove_1"
                                     :on-Error="uploadError"
                                     :on-Success="uploadSuccess_1"
                                     :before-Remove="beforeRemove"
                                      accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF"
                                      multiple
                                     :limit="3"
                                     :on-exceed="handleExceed"
                                     :file-list="suppliersForm.suppliersLicense" 
                          			 :disabled="isDisabled">
                            <el-button  size="small" type="primary">点击上传</el-button>
                          </el-upload>
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row>
                      <el-col :span="24">
                        <el-form-item label="经营许可证扫描件" prop="suppliersPermit">
                         <div v-if="isDisabled" class="filesTag" style="margin-left: 0px;"><span class="el-tag" v-for="file in suppliersForm.suppliersPermit" @click="downloadFile(file)">{{file.name}}</span></div>
                          <el-upload v-else class="upload-demo" 
                          			 action="/suppliers/uploadFile"
                                     :on-preview="handlePreview"
                                     :on-remove="handleRemove_2"
                                     :on-Error="uploadError"
                                     :on-Success="uploadSuccess_2"
                                     :before-Remove="beforeRemove"
                                      accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF"
                                      multiple
                                     :limit="3"
                                     :on-exceed="handleExceed"
                                     :file-list="suppliersForm.suppliersPermit" 
                          			 :disabled="isDisabled">
                            <el-button  size="small" type="primary">点击上传</el-button>
                          </el-upload>
                        </el-form-item>
                      </el-col>
                    </el-row>
                  <el-row>
                      <el-col :span="24">
                        <el-form-item label="其他附件" prop="otherAttachment">
                         <div v-if="isDisabled" class="filesTag" style="margin-left: 0px;"><span class="el-tag" v-for="file in suppliersForm.otherAttachment" @click="downloadFile(file)">{{file.name}}</span></div>
                          <el-upload v-else class="upload-demo" 
                          			 action="/suppliers/uploadFile"
                                     :on-preview="handlePreview"
                                     :on-remove="handleRemove_3"
                                     :on-Error="uploadError"
                                     :on-Success="uploadSuccess_3"
                                     :before-Remove="beforeRemove"
                                      multiple
                                     :limit="3"
                                     :on-exceed="handleExceed"
                                     :file-list="suppliersForm.otherAttachment" 
                          			 :disabled="isDisabled">
                            <el-button  size="small" type="primary">点击上传</el-button>
                          </el-upload>
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row v-for="(suppliersServiceItem, index) in suppliersForm.suppliersServiceItems">
                      <el-col :span="5">
                        <el-form-item label="项目" label-width='50px' :prop="'suppliersServiceItems.'+index+'.suppliersServiceName'" :rules="showRules.suppliersServiceName">
                          <el-select v-model="suppliersServiceItem.suppliersServiceName" :disabled="isDisabled" placeholder="请选择服务项目" filterable  clearable>
                             <el-option v-for="suppliersService in suppliersServices" :label="suppliersService.label" :value="suppliersService.value"></el-option>
                          </el-select>
                        </el-form-item>
                      </el-col>
                      <el-col :span="4">
                        <el-form-item label="单价(元)" label-width='60px' :prop="'suppliersServiceItems.'+index+'.suppliersServicePrice'" :rules="showRules.suppliersServicePrice">
                          <el-input v-model="suppliersServiceItem.suppliersServicePrice" :disabled="isDisabled" placeholder="请输入单价" clearable ></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="4">
                        <el-form-item label="联系人" label-width='60px' :prop="'suppliersServiceItems.'+index+'.suppliersServiceContacts'" :rules="showRules.suppliersServiceContacts">
                          <el-input v-model="suppliersServiceItem.suppliersServiceContacts" :disabled="isDisabled" placeholder="请输入联系人" clearable></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="5">
                        <el-form-item label="电话" label-width='50px' :prop="'suppliersServiceItems.'+index+'.suppliersServicePhone'" :rules="showRules.suppliersServicePhone">
                          <el-input v-model="suppliersServiceItem.suppliersServicePhone" :disabled="isDisabled" placeholder="请输入联系电话" clearable></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="5">
                        <el-form-item label="邮箱"  label-width='50px' :prop="'suppliersServiceItems.'+index+'.suppliersServiceEmail'" :rules="showRules.suppliersServiceEmail">
                          <el-input v-model="suppliersServiceItem.suppliersServiceEmail" :disabled="isDisabled" placeholder="请输入联系邮箱" clearable></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="1" style="text-align:right; margin-top:6px;" v-if="isEdit">
                        <i class="el-icon-close deleteService" @click.prevent="removeService(suppliersServiceItem)"></i>
                      </el-col>
                    </el-row>
                    
                    <el-row v-if="!isDisabled">
                      <el-col :span="24">
                        <div class="addAccessories el-upload--picture-card" @click="createService"><i class="el-icon-plus"></i><span>增加服务项目</span></div>
                      </el-col>
                    </el-row>
                     <el-row>
                      <el-col :span="24" class="card-btns">
                     	 <el-button v-if="isDisabled" type="primary" @click="showDialog=false">关闭</el-button>
                    	 <el-button  v-if="isEdit" type="primary" @click="saveForm('suppliersForm')">保存</el-button>
                    </el-col>
                     </el-row>
                   
                  </el-form>
                  
                  <!-- <span slot="footer" class="dialog-footer">
                    <el-button v-if="isDisabled" type="primary" @click="showDialog=false">关闭</el-button>
                    <el-button  v-if="isEdit" type="primary" @click="saveForm('suppliersForm')">保存</el-button>
                    <el-button v-else-if="isAdd" type="primary" @click="saveForm('suppliersForm')">保存</el-button>
                    <el-button v-else type="primary" @click="updateForm('suppliersForm')">保存</el-button>
                  </span> -->
                </el-dialog>
              </div>
              <!-- main end -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Older IE warning message -->
	<!-- Warning Section Ends -->
	<!-- Required Jqurey -->
    <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/bluebird.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery/js/jquery.min.js')}"></script>
	<script th:src="${urls.getForLookupPath('/bower_components/jquery-ui/js/jquery-ui.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/popper.js/js/popper.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/bootstrap/js/bootstrap.min.js')}"></script>
	<!-- jquery slimscroll js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery-slimscroll/js/jquery.slimscroll.js')}"></script>
	<!-- modernizr js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/modernizr/js/modernizr.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/modernizr/js/css-scrollbars.js')}"></script>
	<!-- classie js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/classie/js/classie.js')}"></script>


	<!-- i18next.min.js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/i18next/js/i18next.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/i18next-xhr-backend/js/i18nextXHRBackend.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/i18next-browser-languagedetector/js/i18nextBrowserLanguageDetector.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/jquery-i18next/js/jquery-i18next.min.js')}"></script>



	<!-- Bootstrap date-time-picker js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/pages/advance-elements/moment-with-locales.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/pages/advance-elements/bootstrap-datetimepicker.min.js')}"></script>
	<!-- Date-range picker js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/bootstrap-daterangepicker/js/daterangepicker.js')}"></script>
	<!-- Date-dropper js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/bower_components/datedropper/js/datedropper.min.js')}"></script>
	<!-- Custom js -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/pages/advance-elements/custom-picker.js')}"></script>
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/script.js')}"></script>
	<script th:src="${urls.getForLookupPath('/assets/js/pcoded.min.js')}"></script>
	<!-- pcmenu js -->
	<script th:src="${urls.getForLookupPath('/assets/js/pcoded.min.js')}"></script>
	<script th:src="${urls.getForLookupPath('/assets/js/demo-12.js')}"></script>
	<script th:src="${urls.getForLookupPath('/assets/js/jquery.mCustomScrollbar.concat.min.js')}"></script>
	<script th:src="${urls.getForLookupPath('/assets/js/jquery.mousewheel.min.js')}"></script>
  <!-- datatables -->
  <script th:src="${urls.getForLookupPath('/bower_components/datatable/jquery.dataTables.min.js')}"></script>
  <script th:src="${urls.getForLookupPath('/bower_components/datatable/dataTables.buttons.min.js')}"></script>
  <script th:src="${urls.getForLookupPath('/bower_components/datatable/jszip.min.js')}"></script>
  <script th:src="${urls.getForLookupPath('/bower_components/datatable/pdfmake.min.js')}"></script>
  <script th:src="${urls.getForLookupPath('/bower_components/datatable/vfs_fonts.js')}"></script>
  <script th:src="${urls.getForLookupPath('/bower_components/datatable/buttons.html5.min.js')}"></script>
  <!-- vue -->
  <script th:src="${urls.getForLookupPath('/assets/js/vue/vue.min.js')}"></script>
  <script th:src="${urls.getForLookupPath('/assets/js/vue/element.js')}"></script>
  <!-- pages -->
  <script th:src="${urls.getForLookupPath('/assets/js/pages/common.js')}"></script>
  <script th:src="${urls.getForLookupPath('/assets/js/pages/suppliers/suppliersItems.js')}"></script>
</body>

</html>
